<!DOCTYPE html>
<html>
<head>
	<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
	<title>拉力战 - Pull of War</title>
	<link rel="stylesheet" href="stylesheet.css">
</head>
<body>

<div style="height:100%;font-family:Arial, Helvetica, serif;color:#484848;display:block;font-weight:800;">
<div id="mainColumn" style="width:100%;margin-left:20px;display:none;text-align:center;">
<!--<div style="text-align:right;width:100%"><div id="mainTitle" style="font-size:40px;margin:10px;margin-right:15%;">Pull of War v.5</div></div> -->
<div id='mainBox' style='border:3px solid;padding:20px;text-align:left;width:1200px;' >
<div id='displaySpace' onmouseover="removeHover()" style="width:100%;text-align:center;border: 2px solid; height:100px;background-color:rgb(247, 230, 220);position:relative"> 
	<div id='resourceDisplayBox' style='position:absolute;left:9px;width:400px;text-align:left;'>
		<div style='top:4px;' class='statusLabel'>黄金: <div class='goldIcon'></div><div id='gold' class='bigNumber' style=''></div></div>
		<div id='territoryContainer' style='top:28px;' class='statusLabel'>领土: <img src='pics/territory.png' height='18' width='15'><div id='territory' class='bigNumber'></div></div>
		<div id='manaContainer' style='top:54px;background-color:rgb(247, 230, 220);' class='statusLabel'>法力: <img src='pics/mana.png' height='18' width='18'><div id='mana' class='bigNumber'>100f</div></div>
	</div>
	<div id='victoryConditionBox' style='position:absolute;left:113px;width:800px;'>
		<div style='left:139px;top:2px;' class='statusLabel'>你的城墙生命值: <div id='wallHealth' class='number' >801f</div></div>
		<div style='left:445px;top:2px;' class='statusLabel'>敌人的城墙生命值: <div id='enemyWallHealth' class='number' >800f</div></div>
		<div id='wallProgressBar' style='position:absolute;width:200px;height:20px;margin-top:2px;background-color:grey;display:block;left:119px;padding:5px 10px;top:21px;'>
			<div id='compete3' style='width:50%;background-color:#ff0003;float:left' class='progressBar'></div><div id='compete4' style='width:50%;background-color:#000000;float:right;' class='progressBar'></div>
		</div>
		<div id='enemyWallProgressBar' style='position:absolute;width:200px;height:20px;margin-top:2px;background-color:grey;display:block;left:429px;padding:5px 10px;top:21px;'>
			<div id='compete5' style='width:50%;background-color:#ff0003;float:left' class='progressBar'></div><div id='compete6' style='width:50%;background-color:#000000;float:right;' class='progressBar'></div>
		</div>
		<div id='goldGainContainer' style='top:72px;left:162px;' class='statusLabel'>每次击杀得到 <div class='goldIcon'></div><div id='goldGain' style='vertical-align:bottom' class='number'>10f</div> 基础黄金</div>
		<div id='territoryGainContainer' style='top:72px;left:402px;' class='statusLabel'>胜利时得到 <img src='pics/territory.png' height='18' width='15'><div id='territoryGain' style='vertical-align:bottom' class='number'>10</div> 领土</div>
		<div style='top:55px;left:361px' class='statusLabel'>阶段 <div id='stage' class='bigNumber'></div></div>
	</div>
	<div id='unitDisplayBox' style='position:absolute;left:203px;width:600px;border:1px solid;top:5px;height:87px;border-radius:15px;display:none;'>
		<div class='buyName' style='left:357px;top:10px;'>杀伤力: <div id='curDamageDone' class='number'></div></div>
		<div class='buyName' style='left:55px;top:35px'>杀敌数: <div id='curKills' class='number'></div></div>
		<div class='buyName' style='left:221px;top:35px;'>生命值: <div id='curHealth' class='number'></div></div>
		<div class='buyName' style='left:10px;top:10px;'>单位数量: <div id='curUnitCount' class='number'></div></div>
		<div class='buyName' style='left:10px;top:60px;'>生存时间: <div id='curTimeAlive' class='number'></div></div>
		<div class='buyName' style='left:185px;top:10px;'>最大生命值: <div id='curActualHealth' class='number'></div></div>
		<div class='buyName' style='left:177px;top:60px;'>总生命值: <div id='totalHealth' class='number'></div></div>
		<div class='buyName' style='left:400px;top:35px;'>伤害: <div id='curDamage' class='number'></div></div>
		<div class='buyName' style='left:356px;top:60px;'>总伤害: <div id='totalDamage' class='number'></div></div>
	</div>
	<div id='pauseButton' class='button' style='position:absolute;right:5px;top:5px;padding:3px;' onclick='pause()'>暂停</div>
	<div id='fps' style='position:absolute;left:3px;bottom:3px;font-size:11px;'></div>
</div>

<div id='allTabs' style='width:100%;height:40px;border:2px solid;text-align:center;color:black;margin-bottom:15px;'>
	<div id='warTab' class='mainTab' onclick='switchMainTab(0)'>战斗</div>
	<div id='mapTab' class='mainTab' onclick='switchMainTab(1)'>地图</div>
	<div id='territoryTab' class='mainTab' onclick='switchMainTab(2)'>单位生产</div>
	<div id='unitTab' class='mainTab' onclick='switchMainTab(3)'>单位升级</div>
	<div id='buildingsTab' class='mainTab' onclick='switchMainTab(4)'>建筑</div>
	<div id='manaTab' class='mainTab' onclick='switchMainTab(5)'>法术</div>
	<div id='optionsTab' class='mainTab' onclick='switchMainTab(6)'>选项</div>
</div>



<div id='warSpace' style="width:100%;vertical-align:top;text-align:left;border:2px solid;height:400px;background-color:rgb(223, 255, 221);position:relative;font-size:12px;">
	<img id='line1'  src='pics/line3.png' width='1200' height='400' style='position:absolute;display:none;'>
	<img id='line2' src='pics/line2.png' width='1200' height='400' style='position:absolute;display:none;'>
	<img id='line3'  src='pics/line3.png' width='1200' height='400' style='position:absolute;display:none;'>
	<img id='line4'  src='pics/line4.png' width='1200' height='400' style='position:absolute;display:none;'>
	<img id='line5'  src='pics/line5.png' width='1200' height='400' style='position:absolute;display:none;'>
	<img id='line6'  src='pics/line6.png' width='1200' height='400' style='position:absolute;display:none;'>
	<div id="fightTime" style="position:absolute;z-index:7"></div>
	<canvas id='damageLines' width="1204" height="404" style="position:absolute;z-index:6" onmouseout="removeHover()"></canvas>
	<div id="spawnTimers" class='hyperVisible' style="width:1200px;position:absolute;margin-top:5px;height:50px">
		<div id='soldierContainer' class='unitSpawnBox' style=''>
			<div id='soldierAutoSpawnAmount' class='spawnAutoAmount'></div>
			<img src='pics/soldier.png' height='30' width='50'>
			<div id='soldierSpawnTimer' class='f20' style='vertical-align:top'></div>
		</div>
		<div id='spearContainer' class='unitSpawnBox'>
			<div id='spearAutoSpawnAmount' class='spawnAutoAmount'></div>
			<img src='pics/spear.png' height='30' width='50'>
			<div id='spearSpawnTimer' class='f20' style='vertical-align:top'></div>
		</div> 
		<div class='enemyUnitSpawnBox' style='position:absolute;right:-53px;'>
			<div id='enemySoldierSpawnAmount' class='spawnAutoAmount'></div>
			<img src='pics/enemysoldier.png' height='30' width='50'>
			<div id='enemySpawnTimer' class='f20' style='vertical-align:top'></div>
		</div>
		<div class='enemyUnitSpawnBox' style='position:absolute;right:-2px;'>
			<div id='enemySpearSpawnAmount' class='spawnAutoAmount' style='left:25px;'></div>
			<img src='pics/enemyspear.png' height='30' width='50'>
		</div>
	</div>
	<!--<div id='wall' style='position:absolute;left:78px;height:350px;top:25px;width:10px;background-color:grey;z-index:5;'></div>
	<div id='enemyWall' style='position:absolute;left:1126px;height:350px;top:25px;width:10px;background-color:grey;z-index:5;'></div>-->
	<img id='wall' src='pics/wall.png' height='350' width='78' style='position:absolute;left:-1px;top:48px;z-index:5;'>
	<img id='enemyWall' src='pics/enemywall.png' height='350' width='78' style='position:absolute;left:1123px;top:48px;z-index:5;'>
	<div id='fenceHealth' class='hyperVisible' style='position:absolute;left:112px;top:61px;'></div>
	<div id='enemyFenceHealth' class='hyperVisible' style='position:absolute;left:1080px;top:61px;'></div>
	<img id='fence' src='pics/fence.png' height='300' width='15' style='position:absolute;left:114px;top:83px;z-index:5;'>
	<img id='enemyFence' src='pics/fence.png' height='300' width='15' style='position:absolute;left:1090px;top:83px;z-index:5;'>
</div>

<div id='manaSpace' style="width:100%;height:60px;background-color:#78AFFF;border:2px solid; margin-top:5px;position:relative;">
	<div id='spell0' class='spell' style='margin-left:50px;' onclick='clickedSpell(0)'>
    <div class='hotkeyNum' >(1)</div>
		<div>火球</div>
		<div id='spellCost0' class='spellCost'></div>
	</div>
	<div id='spell1' class='spell' onclick='clickedSpell(1)'>
    <div class='hotkeyNum' >(2)</div>
		<div>闪电链</div>
		<div id='spellCost1' class='spellCost'></div>
	</div>
	<div style='background-color:#C4E3FF;width:400px;height:46px;position:absolute;right:10px;top:5px;border:2px solid black;'>
		<div style='position:absolute;right:10px;top:6px;'>法术等级: <div id='spellLevel' class='number'>1f</div></div>
		<div id='curSpellExp' class='number' style='position:absolute;left:10px;bottom:-2px;'>2f</div>
		<div id='expNeeded' class='number' style='position:absolute;right:176px;bottom:-2px;'>3f</div>
		<div id='spellProgressBar' style='position:absolute;width:200px;height:20px;margin-top:2px;background-color:grey;display:block;left:6px;padding:2px 10px;top:3px;'>
			<div id='curExpBar' style='width:50%;background-color:blue;float:left;height:13px;' class='progressBar'></div>
		</div>
	</div>
</div>

<div id='mapSpace' class="buyColumn" style="background-color:#AFCDC2;overflow:auto;">
</div>

<div id='placesSpace' class="buyColumn" style="background-color:#89D496;">
	<div id='defaultScreen' class='unitScreen'>
		<div style='font-size:18px;'>单位生产</div>
		<div style='display:block;margin-top:-6px;'>单击单位类型将其添加到生产列表</div>
		<div style='left:12px;top:9px;position:absolute;font-size:14px;'>总建筑: <div class='number' id='constructionTotal'>0f</div></div>
		<div style='left:12px;top:25px;position:absolute;font-size:14px;'>建筑占用率: <div class='number' id='constructionRate'>0f</div></div>
		<div style='left:12px;top:40px;position:absolute;font-size:14px;'>已使用领土: <div class='number' id='territoryUsed'>0f</div> / <img src="pics/territory.png" height="18" width="15"><div class='number' id='totalTerritoryPlaces'>关闭</div></div>
		<div style='width:300px;background-color:#C6EECE;position:absolute;left:10px;top:62px;height:360px;border:2px solid'>
			<div id='spawnListBox' style='margin:5px;border:2px solid black;width:276px;height:342px;overflow:auto;padding-top:5px;position:relative;'></div>
		</div>
		<div style='width:840px;background-color:#C6EECE;position:absolute;right:15px;top:58px;height:360px;border:2px solid'>
			<div style='font-size:14px;'>建筑用单位生产建筑物来填补你的领土！<br>这将决定你的单位在这个级别上产生的顺序！<br>
单击生产列表以删除建筑物！</div><br>
			<div style='width:80%;text-align:center;margin-top:20px;'>
      
				<div id='soldierPlace' class='placeButton' onclick='addToPlaceList("soldier")'>
					<img width='50' height='30' src='pics/soldier.png' style='margin-top:6px;'>
					<div style='position:absolute;left:50px;top:3px;'>军营</div>
					<img src="pics/territory.png" height="18" width="15" style='left:46px;bottom:5px;position:absolute'>
					<div id='soldierPlaceCost' class='number' style='position:absolute;left:61px;bottom:1px;'>1f</div>
				</div><div id='spearPlace' class='placeButton' onclick='addToPlaceList("spear")'>
					<img width='50' height='30' src='pics/spear.png' style='margin-top:6px;'>
					<div style='position:absolute;left:50px;top:3px;'>伐木场</div>
					<img src="pics/territory.png" height="18" width="15" style='left:46px;bottom:5px;position:absolute'>
					<div id='spearPlaceCost' class='number' style='position:absolute;left:61px;bottom:1px;'>1f</div>
				</div>
        
			</div>
			<div style='width:80%;text-align:center;margin-top:20px;' onclick='upgradeConstructionRate()'>
        <div id='upgradeConstructionRate' class='placeButton' style='font-size:14px;width:auto;height:auto;text-align:center;padding:5px;'>
          出售给建筑工人的土地<br>
          -<img src="pics/territory.png" height="18" width="15" style=''><div id='costructionRateCost' class='number' >100</div>, +.5 建设速度<br>
          只能用未使用的区域购买
        </div>
        
			</div>
		</div>
	</div>
</div>

<div id='unitsSpace' class="buyColumn" style='background-color:rgb(255, 237, 190);' >
	<div id='' class='unitScreen'>
		<div style='font-size:18px;'>单位升级</div>
		<div style='display:block;margin-top:-6px;'>单击单元类型以进行可能的升级</div>
		<div id='unitList' style='width:400px;border:2px solid;position:absolute;left:10px;top:58px;height:350px;overflow:auto;'>
			<div class='unitUpgradeContainer' onclick='changeUnitScreen("soldier")'>
				<img src='pics/soldier.png' height='30' width='50'>
				士兵
			</div>
			<div class='unitUpgradeContainer' onclick='changeUnitScreen("spear")'>
				<img src='pics/spear.png' height='30' width='50'>
				枪兵
			</div>
			<!--<div class='unitUpgradeContainer' onclick='changeUnitScreen("spear")'>
				<div id='unitContainer3' class='unitContainer displayLeft' >
					<div id='body' class='spear unit' style=''> </div>
					<div id='unitWeapon' class='weapon'><div class='weaponspear'></div> </div>
				</div>
				Lightning Wizard
			</div>
			<div class='unitUpgradeContainer' onclick='changeUnitScreen("spear")'>
				<div id='unitContainer4' class='unitContainer displayLeft' >
					<div id='body' class='spear unit' style=''> </div>
					<div id='unitWeapon' class='weapon'><div class='weaponspear'></div> </div>
				</div>
				Knight
			</div>
			<div class='unitUpgradeContainer' onclick='changeUnitScreen("spear")'>
				<div id='unitContainer5' class='unitContainer displayLeft' >
					<div id='body' class='spear unit' style=''> </div>
					<div id='unitWeapon' class='weapon'><div class='weaponspear'></div> </div>
				</div>
				Archer
			</div>
			<div class='unitUpgradeContainer' onclick='changeUnitScreen("spear")'>
				<div id='unitContainer6' class='unitContainer displayLeft' >
					<div id='body' class='spear unit' style=''> </div>
					<div id='unitWeapon' class='weapon'><div class='weaponspear'></div> </div>
				</div>
				Priest
			</div>
			<div class='unitUpgradeContainer' onclick='changeUnitScreen("spear")'>
				<div id='unitContainer7' class='unitContainer displayLeft' >
					<div id='body' class='spear unit' style=''> </div>
					<div id='unitWeapon' class='weapon'><div class='weaponspear'></div> </div>
				</div>
				Catapult
			</div>-->
		</div>
		<div id='unitUpgradesBox' style='width:740px;border:2px solid;position:absolute;right:15px;top:58px;height:350px;'>
			
		</div>
	</div>
</div>

<div id='buildingsSpace' class="buyColumn" style='background-color:#E1A95F;text-align:center;' >
	<div style='font-size:18px;margin-top:10px;'>建筑</div>
	<div style='display:block;margin-top:-6px;'>单击建筑类型以进行可能的升级</div>
	<div style='width:400px;border:2px solid;position:absolute;left:10px;top:58px;height:350px;overflow:auto;background-color:#EABD95'>
			<div class='unitUpgradeContainer' onclick='changeBuildingScreen("wall")'>
				<img src='pics/smallwall.png' height='50' width='50'>
				<div style='vertical-align:top;margin-top:16px;'>升级城墙</div>
			</div>
			<div class='unitUpgradeContainer' onclick='changeBuildingScreen("fence")'>
				<img src='pics/smallfence.png' height='50' width='25'>
				<div style='vertical-align:top;margin-top:16px;'>升级栅栏</div>
			</div>
	</div>
	<div id='buildingUpgradesBox' style='width:740px;border:2px solid;position:absolute;right:15px;top:58px;height:350px;background-color:#EABD95'></div>
</div>
  
<div id='spellUpgradeSpace' class="buyColumn" style="background-color:#AFCDC2;overflow:auto;">
</div>
  
<div id='optionsPage' class='buyColumn'>
	<div style='width:90%;margin-top:30px;margin-left:30px;'>
		<div style="float:left;">Created by: Stop_Sign AKA Phurple</div><br><br>
    <h3>玩法:</h3><br>
		单击单位生产，然后单击兵营，然后单击战争开始游戏<br>
    观看战斗中的战斗<br>
    使用热键或点击法术并对敌人使用它们<br>
    升级单位，杀死敌人的城墙生命值，在地图上走得更远<br>
    你需要更多木材来完成地图2<br>
    即使你死在更难的等级，你仍然会获得更多的金币<br>
    您已保存，但没有离线。 游戏后台时仍然全速运行<br>
		<div class='button' style='padding:5px;' onclick='clearStorage()'>硬复位 (小心不要误点!)</div>
	</div>
</div>

</div>
</div>
</div>

</body>
<script src="../jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="helpers.js"></script>
<script src="spells.js"></script>
<script src="mapvalues.js"></script>
<script src="classes.js"></script>
<script src="manualActions.js"></script>
<script src="pullofwar.js"></script>
<script src="graphics.js"></script>
<script src="handleSavingPull.js"></script>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-60978932-1', 'auto');
  ga('send', 'pageview');

</script>
<!--客服 开始-->
<script src="//likexia.gitee.io/game/js/jquery.min.js"></script>
<link rel="stylesheet" href="//likexia.gitee.io/game/css/kf.css" type="text/css" media="screen" charset="utf-8">
<script src="//likexia.gitee.io/game/js/kf.js"></script>
<!-- 客服 结束 -->
<style>
    div.main-im div{display: block;}
    </style>

</html>